@charset "UTF-8";
@media only screen and (min-width:768px) {
  body{
    display: none;
  }
}
@media only screen and (max-width:768px) {
  *{
    margin: 0;
    padding: 0;
  }
  body{
    font-size: 16px;
    font-family: 微软雅黑;
    background: #F5F5F5;
    color: #9A9A9A;

  }
  ::-webkit-scrollbar{width:0px};
  ul,li{
    list-style: none;
  }
  .mengceng{
    position: fixed;
    width: 100%;
    height: 999px;
    background: #009FFF;
    z-index: 9999;
    img{
      position: absolute;
      display: block;
      width: 46%;
      left: 27%;
      top: 38%;
    }
  }
  .tabody{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-bottom: 20%;
    overflow-x: hidden;
    overflow-y:scroll;
  }
  .t1{
    header{
      position: fixed;
      top: 0;
      clear: both;
      width: 100%;
      margin: 0;
      background: #009FFF;
      color: #ffffff;
      text-align: center;
      padding: 3% 0;
      z-index: 999;
      .staus{
        width: 5%;
        height: 50%;
        position: absolute;
        left: 4%;
        top: 28%;
        background: url("../img/hdl.png")no-repeat;
        background-size: 100%;
        cursor: pointer;

      }
      .add{
        width: 4%;
        height: 40%;
        position: absolute;
        right: 4%;
        top: 30%;
        background: url("../img/hdr.png")no-repeat;
        background-size: 100%;
        cursor: pointer;
      }
    }
    .section1{
      position: relative;
      padding-top: 10%;
      background: #009FFF;
      width: 100%;
      img{
        display: block;
        width: 100%;
      }
    }
    .section2{
      position: relative;
      width: 100%;
      padding: 0 2%;
      .title{
        margin-top: 6%;
        width: 96%;
        position: relative;
        overflow: hidden;
        i{
          position: relative;
          top: 10px;
          display: inline-block;
          width: 40%;
          height: 1px;
          background: #E0E0E0;
        }
        i.left{
          float: left;
        }
        i.right{
          float: right;
        }
        span{
          width: 20%;
          position: relative;
          display: inline-block;
          text-align: center;
        }
      }
      .title2{
        i{
          width: 38%;
        }
        span{
          width: 24%;
        }
      }
      .container{
        margin-top: 3%;
        width: 100%;
        position: relative;
        li{
          width: 31%;
          float: left;
          margin-right:1.5%;
          margin-bottom: 1.5%;
          cursor: pointer;
          img{
            display: block;
            width: 100%;
          }
        }
      }
    }
  }


  .tabtit{
    position: fixed;
    width: 100%;
    bottom: 0%;
    background: #ffffff;
    z-index: 9998;
    li{
      float: left;
      width: 25%;
      font-size: 14px;
      text-align: center;
      cursor: pointer;
      padding-bottom: 2%;
      span{
        display: block;
        font-size: 30px;
        padding: 5% 0;
      }
    }
    li.active{
      color: #36A2EE;
    }
  }
}
